<template>
	<view>
		<block v-for="(item,index) in list" :key="id">
			<view class="article-list-li" @click="goH5" :data-url="item.url">
				<image class="article-list-li-thumb" :src="item.thumb"></image>
				<view class="article-list-li-right">
					<view class="article-list-li-right-title">{{item.title}}</view>
					<view class="article-list-li-right-date">结束时间：{{item.endtime}}</view>
				</view>
			</view>
		</block>
	</view>
</template>

<script>
	// +----------------------------------------------------------------------
	// |万岳科技开源系统 [山东万岳信息科技有限公司]
	// +----------------------------------------------------------------------
	// | Copyright (c) 2020~2022 https://www.sdwanyue.com All rights reserved.
	// +----------------------------------------------------------------------
	// | 万岳科技相关开源系统代码并不是自由软件，未经授权许可不能去掉wanyue【万岳科技】相关版权并商用
	// +----------------------------------------------------------------------
	// | Author: 万岳科技开源官方 < wanyuekj2020@163.com >
	// +----------------------------------------------------------------------
	export default {
		props:{
			list:{
				type:Array,
				value:[]
			}
		},
		data() {
			return {
				
			}
		},
		methods: {
			goH5(e){
				uni.navigateTo({
					url:'/pages/webview/index?url='+e.currentTarget.dataset.url
				})
			}
		}
	}
</script>

<style>
	.article-list-li-right-date{
		font-size: 28rpx;
		margin-top: 46rpx;
		color: #969696;
	}
	.article-list-li-right-title{
		font-size: 36rpx;
		letter-spacing: 1rpx;
		font-weight: 500;
		overflow: hidden;
		-webkit-line-clamp: 2;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		height: 94rpx;
	}
	.article-list-li-right{
		float: left;
		width: 64%;
		margin-left: 4%;
	}
	.article-list-li{
		clear: both;
		overflow: hidden;
		height: 170rpx;
		padding: 40rpx 0 40rpx 0;
		border-bottom: 1rpx solid #F0F0F0;
		width: 100%;
	}
	.article-list-li-thumb{
	    width: 32%;
	    height: 100%;
	    float: left;
	}
</style>
